<template>  
<div class="container">   
    <h1 class="title">这是二维码页面</h1>  
    <img class="qrcode" src="@/assets/twoCode.png" alt="图片加载失败">  <br>
    <ui-button class="ui-button" @click="receiveData">按钮</ui-button>
</div>  
</template>  
  
<script>  
   export default {  
        name:  'Code',  
        components: {},  
        methods:{
            receiveData(){
                this.$emit('test','11');
            }
        }
   }  
</script>  
  
<style lang="scss" scoped>  
.container {  
    .title {  
        text-align: center;  
    }  
    .qrcode {  
        position: absolute;
        left:50px;
        // right: 0px;
        // bottom: 0px;
        width: 200px;  
        height: 200px;  
        //cursor: pointer;
    }  
    .ui-button {
       
        width: 200px;
      //  background-color: yellow;
    }

    .ui-button:hover{
        color: black;
        background-color: yellow;
    }
}  
</style>